<script setup>
  import bus from '@/utils/mitt'
  // 菜单
	let collapse = ref(false)
	bus.on('collapseChange', (e) => {
		console.log('collapseChange')
		collapse.value = e
	})

  onBeforeUnmount(() => {
		bus.off('collapseChange')
	})

</script>

<template>
  <div class="logoBox w-100">
    <div>
      <img class="w-100" src="./logo.png" alt="" v-if="!collapse">
      <span v-else class="fs-14">LOGO</span>
    </div>
    <div v-show="!collapse">某某公司LOGO</div>
  </div>
</template>

<style scoped>

.logoBox{
  padding: 10px 20px;
  color: white;
  font-weight: bold;
  font-size: 18px;
}

</style>
